<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'
import MyTable from './components/MyTable.vue';
</script>

<template>
  <p class="p1" align="center">图书购买网</p>
      <div class="wz">
      <div style="font-size:0.1px"><i><p style="border-bottom:3px double black">通知栏：红楼梦已经售尽</p></i></div>
    
    </div>
    
  <nav>
    <RouterLink to="/"><a class="p2">商品信息</a></RouterLink>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<RouterLink to="/about"><a>我的购物车</a></RouterLink>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<RouterLink to="/a"><a>被购买记录</a></RouterLink>
  </nav>


  <hr />

  <RouterView />
  
</template>
<style>
    .p1{
       color: rgb(214, 52, 52);       
      top: -20px;
      left: 20px;
            }
    .wz{
      width: 195px;
      height: 20px;
      background-color: red;
      margin-left: 700px;
      top:-50px;
      left: 20px;
    }
    .p1{
       color: rgb(214, 52, 52);       
      top: -20px;
      left: 100px;
            }
        </style>